<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"><!--<![endif]-->
<head>

    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8"/>
    <title>后台管理中心</title>

    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" href="css/colors/green.css" th:href="@{/css/colors/green.css}" id="colors"/>

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


    <!-- Top Bar
    ================================================== -->
    <div th:replace="fragments/topbar :: topbar"></div>


    <div class="clearfix"></div>


    <!-- Header
================================================== -->
    <div class="container">

        <!-- Logo -->
        <div class="four columns">
            <div id="logo">
                <h1><a th:href="@{/index}"><img th:src="@{/images/logo.png}" alt="Trizzy"/></a></h1>
            </div>
        </div>

    </div>


    <!-- Content
    ================================================== -->

    <!-- Container -->
    <div class="container margin-top-30">

        <!-- Headline -->
        <div class="sixteen columns">
            <h3 class="headline">* 后台管理中心</h3>
            <span class="line margin-bottom-0"></span>
        </div>

    </div>
    <!-- Container / End -->


    <!-- Container -->
    <div class="container margin-top-40">

        <div class="one-third column">

            <!-- Service -->
            <div class="icon-box">
                <a th:href="@{/orderManagement}"><span><i class="fa fa-pencil"></i></span></a>
                <div class="icon-description">
                    <h3>订单管理</h3>
                    <p>管理所有订单，查看订单详情，订单物流发货。</p>
                    <a th:href="@{/orderManagement}">进入</a>
                </div>
            </div>

            <div class="clearfix"></div>

            <!-- Service -->
            <div class="icon-box margin-top-30">
                <a th:href="@{/messageManagement}"><span><i class="fa fa-lightbulb-o"></i></span></a>
                <div class="icon-description">
                    <h3>消息管理</h3>
                    <p>管理所有来自用户的消息。</p>
                    <a th:href="@{/messageManagement}">进入</a>
                </div>
            </div>

        </div>

        <div class="one-third column">

            <!-- Service -->
            <div class="icon-box">
                <a th:href="@{/itemManagement}"><span><i class="fa fa-cogs"></i></span></a>
                <div class="icon-description">
                    <h3>商品管理</h3>
                    <p>管理商品信息，商品上架下架，添加新商品。</p>
                    <a th:href="@{/itemManagement}">进入</a>
                </div>
            </div>

            <div class="clearfix"></div>

            <!-- Service -->
            <div class="icon-box margin-top-30">
                <a href="#"><span><i class="fa  fa-hdd-o"></i></span></a>
                <div class="icon-description">
                    <h3>其他</h3>
                    <p>其他功能还在升级中，敬请期待。</p>
                    <a href="#">进入</a>
                </div>
            </div>

        </div>

        <div class="one-third column">
            <!-- Accordion -->
            <div class="accordion">

                <!-- Section 1 -->
                <h3><span class="ui-accordion-header-icon ui-icon ui-accordion-icon"></span><i
                        class="fa fa-life-saver"></i>注意</h3>
                <div>
                    <p th:text="'尊敬的管理员，您好！您于'+ ${login_time}+' 进入后台管理中心，执行操作时请遵守相关规定，若有疑问请联系 (0571) 123 4567。'"></p>
                </div>

                <!-- Section 2 -->
                <h3><span class="ui-accordion-header-icon ui-icon ui-accordion-icon"></span><i class="fa fa-user"></i>管理员信息
                </h3>
                <div>
                    <p th:text="'管理员ID:' + ${admin.admin_id}"></p>
                    <p th:text="'姓 名 ：' + ${admin.realname}"></p>
                </div>

            </div>
            <!-- Accordion / End -->
        </div>

    </div>
    <!-- Container / End -->


    <!-- Container -->
    <div class="container margin-top-40">

        <!-- Headline -->
        <div class="sixteen columns">
            <span class="line margin-bottom-0"></span>
        </div>

    </div>
    <!-- Container / End -->

    <div class="margin-top-50"></div>

    <!-- Footer
        ================================================== -->
    <div th:replace="fragments/footer :: footer"></div>

</div>


<!-- Java Script
================================================== -->
<div th:replace="fragments/scripts :: scripts"></div>


<!-- Style Switcher
================================================== -->
<div th:replace="fragments/styleswitcher :: styleswitcher"></div>


</body>
</html>
